P5 = require("p5")

function* createSketch(sketch) {
  const element = DOM.element('div');
  yield element;
  const instance = new P5(sketch, element, true);
  try {
    while (true) {
      yield element;
    }
  } finally {
    instance.remove();
  }
}

createSketch(s => {

    s.setup = function() {
      s.createCanvas(width, 50);
      s.textFont('Henke-DL3416');
      s.textStyle(s.BOLD);
      s.textAlign(s.CENTER, s.CENTER)
    };

    s.draw = function() {
      s.translate(
        s.millis() * (-0.15) % (s.width + 600),
        s.height / 2
      );
      s.background('#222222');
      s.fill('#DC3F74').textSize(30);
      s.text('ZONE', s.width + 500, 0);
    };

  }
)

ZONE :: alternate realities